<template>
  <div class="pb-40">
    <div class="bg-[#FFFCF0] mb-14">
      <div class="max-w-5xl px-8 mx-auto h-64 relative flex items-center">
        <img
          class="absolute"
          src="https://www.lucksec.cn/img/faq.bd6068d3.svg"
        />
        <h2 class="text-center m-auto text-[32px] invisible sm:visible">
          Notifications
        </h2>
      </div>
    </div>
    <div class="max-w-[1440px] mx-auto">
      <!-- <div class="flex justify-between items-center mb-6 px-1">
        <div class="el-switch" role="switch" aria-checked="false" size="large">
          <input
            class="el-switch__input"
            type="checkbox"
            name=""
            true-value="true"
            false-value="false"
          /><span class="el-switch__core" style="width: 40px">
            <div class="el-switch__action"></div> </span
          ><span class="el-switch__label el-switch__label--right"
            ><span aria-hidden="true">只看未读</span></span
          >
        </div>
      </div> -->
      <div>
        <!-- 表格 -->
        <el-table :data="notices" style="width: 100%">
          <el-table-column prop="name" label="标题"> </el-table-column>
          <el-table-column prop="jianjie" label="简介"> </el-table-column>
          <el-table-column prop="desc" label="详情"> </el-table-column>
          <el-table-column prop="creattime" label="时间"></el-table-column>
        </el-table>
      </div>
    </div>
    <!---->
  </div>
</template>
<script>
export default {
  created() {
    this.$api.getNotices().then((res) => {
      this.notices = res.data.data;
    });
  },
  data() {
    return {
      notices: [],
    };
  },
  methods: {},
};
</script>
<style lang="" scoped></style>
